<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>首页</title>

  <!--  引入css  -->
  <link rel="stylesheet" href="../css/sy/sy.css" type="text/css">

</head>
<body>

<div id="app">
  <div class="col left-column" id="main-left-cloumn">
    <div class="tab" id="cate0"><i class="fa fa-reorder"></i> 全部教程</div>
    <div class="sidebar-box gallery-list">
      <div class="design" v-for="nav in navList">
        <div class="navto-nav"><i class="fa fa-external-link"></i>{{nav.text}}</div>
      </div>
    </div>
  </div>

  <div class="col middle-column-home">
    <div class="codelist codelist-desktop cate1">
      <a v-for="content in contentList" class="item-top item-1" href="//www.runoob.com/html/html-tutorial.html">
        <h4>【{{content.title}}】</h4>
        <strong>{{content.desc}}</strong>
      </a>
    </div>
  </div>
</div>

<!-- 引入javaScript -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="../js/common/vue.js"></script>
<script src="../js/common/jquery-3.3.1.min.js"></script>
<script src="../js/sy/sy.js"></script>


</body>
</html>